<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/http; charset=utf-8">
	<title>测试页</title>
	<style type="text/css">

body{

margin: 0;

padding: 0;

}

.main{

background-color: white;

padding:0 300px;

height: 700px;

}

.main-left{

width: 300px;

height: 100%;

background-color:	#AFEEEE;

float: left;

margin-left:-300px;

}

.main-center{

background-color: 	#AFEEEE;

height: 100%;
color:white

}

.main-right{
	font-family:Cursive;

width: 300px;

height: 100%;

background-color:	#AFEEEE;

float: right;

margin-right: -300px;

}
.nav{font-family:Cursive;
       height:80px;
       line-height:80px;
       background:#AFEEEE;
       border-radius:0 0 0 0;   
}
.nav li{font-family:Cursive;
         float:left;
         width:70px;
         text-align:center;
}
.nav a{font-family:Cursive;
        color:black;
}
.nav a:hover{font-family:Cursive;
          color:white;
          background:blue;
}

audio{
             display: none;
         }


</style>
</head>
<body>


	<div class="main">

<div class="main-left">

<ul>

<li><img src="taoba.jpg" style="width:200px;height:200px"></li>



</ul>

</div>

<div class="main-right">

<form action="login.asp" method="post">

<ul>

<li>

<label>用户名: </label><input type="text" name="username" />

</li>

<br>

<li>

<label>密码:   </label><input type="password" name="password" />

</li>

<li>

<input type="submit" value=" 登 录 " />          
<input type="submit" value=" 注 册 " />

</li>


</ul>

</form>

</div>
<div class="nav">
<ul>
 
	<li><a href="#">首页</a></li>
	<li><a href="pages/xinpin.html">新品</a></li>
	<li><a href="pages/remai.html">热卖</a></li>
	<li><a href="pages/chenshan.html">衬衫</a></li>
	
	<li><a href="pages/kuzi.html">裤子</a></li>
	<li><a href="pages/weiyi.html">卫衣</a></li>
	<li><a href="pages/txu.html">T恤</a></li>
	<li><a ><audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
            	src="style/선미 - Noir (누아르).mp3">
      		
	</audio>
</a></li>
</ul>
</div>
<div class="main-center">


<center>
	<marquee lopp=100 bgcolor=#AFEEEE height=80 width=100%><h1>淘吧，你心中的购物天堂~<h1></marquee>
  
<img src="images/主页.PNG" width="100%" height="680" alt=""/>
	<img src="images/主页1.PNG" width="100%" height="680" alt=""/>
	
<body bgcolor="#AFEEEE">
<center>
<h1>一生为自己选择一次，对自己好点。</h1>
</div>

</div>
</body>
</html>